

// 各岗位任务完成情况
var chart = echarts.init(document.getElementById("chart"));

$("#lookUp2").click(function () {
  //统计表
  var type = $("#select_year option:selected").val();
  var year = $("#select_month option:selected").val();
  var quarter = $("#select_quarter option:selected").val();
  var chk_value =[];
  $('input[name="checkbox"]:checked').each(function(){
      chk_value.push($(this).val());
  });
  if(chk_value.length==0)
  {
    return alert('你还没有选择任何内容！');
  }
  var _data = {
      type:type,
      year:year,
      month:'',
      quarter:'',
      posts:chk_value
  }
  if(type == '1'){
      //year
      _data.month = ''
      _data.quarter = ''

  }else if(type == '2'){
      //quarter
      _data.month = ''
      _data.quarter = quarter
  }else if(type == '3'){
      //month
      _data.month = quarter
      _data.quarter = ''
  }
  $('.lds-css').addClass('block')
  $.ajax({
      url: serverUrl.base+serverUrl.count+'train_post_chart',
      type:"POST",
      data: _data,
      dataType:"json",
      success: function (res) {
        $('.lds-css').removeClass('block')
          // 根据数据库取到结果拼接现在结果.
          var _data = res.data
          _data.title = "接发车岗位任务完成情况"
          _data.legend=["接单量","完成量"]
          refreshChart(_data);
      }
  });
});
function refreshChart(data){
  var _data = data
  chart.setOption({
    title:{
      text:_data.title,
      x:"center",
      y:"20px",
      textStyle:{
        color:"#fff",
        fontSize:30
      }

    },
    tooltip:{
      trigger:"axis",
      axisPointer:{
        type:"shadow"
      }
    },
    legend:{
      data:_data.legend,
      right:"10%",
      y:"15%",
      textStyle:{
        color:"#fff",
        fontSize:16
      }
    },
    grid:{
      left:'14%',
      right:'10%',
      bootom:"3%",
      top:"30%",
      // bootom:"3%",
      containLabel:true
    },
    xAxis:[{
      type:"category",
      data:_data.chartxname,
      axisTick:{
        alignWithLabel:true
      },
      axisLabel:{
        show:true,
        textStyle:{
          color:"#fff"
        }
      },
      axisLine:{
        lineStyle:{
          color:"#666"
        }
      }
    }],
    yAxis:[{
      axisLine:{
        lineStyle:{
          color:"#666"
        }
      },
      type:"value",
      axisLabel:{
        show:true,
        textStyle:{
          color:"#fff"
        }
      }
    }],
    series:[{
      name:_data.legend[0],
      type:"bar",
      data:_data.chartxdata[0],
      barGap: 0,
      barWidth:"40%",
        itemStyle:{
            emphasis:{
                barBorderRadius:7
            },
            normal:{
                barBorderRadius:7,
                color:new echarts.graphic.LinearGradient(0,0,0,1,[
                    {offset:0,color:"#D5FF75"},
                    {offset:1,color:"#6EA800"}
                ])
            }
        }

    },{
      name:_data.legend[1],
      type:"bar",
      data:_data.chartxdata[1],
      barWidth:"40%",
        itemStyle:{
            emphasis:{
                barBorderRadius:7
            },
            normal:{
                barBorderRadius:7,
                color:new echarts.graphic.LinearGradient(0,0,0,1,[
                    {offset:0,color:"#00FFF4"},
                    {offset:1,color:"#008481"}
                ])
            }
        }
    }]
  })
}
chkInit(serverUrl.base+serverUrl.count+'work_post_list',function(){time()})

function common_request(){
  $("#lookUp2").trigger('click') 
};